// home页面
import React, { Component } from 'react';
import {
    StyleSheet,
    Text,
    View,
    Image,
    BackAndroid,
    Platform,
    TouchableHighlight,
    Navigator,
    TouchableOpacity,
    LayoutAnimation
} from 'react-native';

import  Page3  from './Page3';

export default class Page1 extends Component {
    constructor(props){
        super(props);
        this.state = {
        }
    }


    render() {
        return (
            <View style={styles.container}>
                <TouchableHighlight
                    onPress={()=>this.props.navigator.push({
                                    sceneConfig: Navigator.SceneConfigs.FadeAndroid,
                                    component: Page3,
                                    params:{
                                        name: 'Page3页面'
                                    }
                                })}
                >
                    <Text>跳转到Page3页面</Text>
                </TouchableHighlight>
                <TouchableHighlight
                    onPress={()=>this.props.navigator.pop()}
                >
                    <Text>返回</Text>
                </TouchableHighlight>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#F5FCFF',
    }
});
